<div class="view-header">
    <div class="view-header-left">
        <div class="view-header-item color-open" ng-click="ranks_add = true" title="添加岗位" ng-show="!ranks_add && !edit_open">
            <i class="fa fa-plus"></i> 添加岗位
        </div>
        <!-- add -->
        <div class="view-header-item color-close above-cover no-widen" ng-click="ranks_add = false" ng-show="ranks_add" title="关闭">
            <i class="fa fa-close"></i>
        </div>
        <div class="view-header-item color-check above-cover" ng-click="add();ranks_add = false" ng-show="ranks_add" title="提交">
            <i class="fa fa-check"></i> 确认提交
        </div>
        <!-- edit -->
        <div class="view-header-item color-close above-cover no-wwiden" ng-click="edit_open = false" ng-show="edit_open" title="关闭">
            <i class="fa fa-close"></i>
        </div>
        <div class="view-header-item color-check above-cover" ng-click="upd();edit_open = false" ng-show="edit_open" title="提交">
            <i class="fa fa-check"></i> 确认修改
        </div>
    </div>
</div>
<div class="view-content">
    <div class="view-left ranks-left">
        <div class="view-left-search">
            <input type="text" placeholder='Search' ng-model="user_name_filter">
            <i class="fa fa-search"></i>
        </div>
        <div class="view-left-block">
            <div class="view-left-item"
                 ng-repeat="item in ranks|orderBy:['name'] | filter:ranks_filter"
                 ng-click='ranks_role_show(item,ranks)'
                 ng-class="{true: 'marked', false: ''}[item.iscolor]">
                <li>
                    <i class="fa fa-user"></i>
                </li>
                <li class="view-left-item-user">
                    {{item.name}}--{{item.remark}}
                </li>
                <li class="view-left-item-del">
                    <i class="fa fa-trash" ng-click="del(item);$event.stopPropagation()"></i>
                </li>
                <li class="view-left-item-del">
                    <i class="fa fa-edit" ng-click="edit(item);$event.stopPropagation()"></i>
                </li>
            </div>
        </div>
    </div>
    <!-- 角色分配 -->
    <ng-include src="'/modules/admin/ranks/ranks.roles.html'" ></ng-include>
</div>

<!-- add ranks -->
<ng-include src="'/modules/admin/ranks/ranks.new.html'" ></ng-include>
<!-- modify ranks -->
<ng-include src="'/modules/admin/ranks/ranks.modify.html'" ></ng-include>